// 导入所有样式文件
@import './variables.scss';
@import './mixins.scss';
@import './global.scss';

// NutUI 主题变量覆盖
:root {
  // 主题色覆盖
  --nut-primary-color: var(--primary-color);
  --nut-primary-color-end: var(--primary-color);
  
  // 文字颜色覆盖
  --nut-title-color: var(--text-color-primary);
  --nut-text-color: var(--text-color-regular);
  --nut-help-color: var(--text-color-secondary);
  --nut-disable-color: var(--text-color-placeholder);
  
  // 背景色覆盖
  --nut-background: var(--background-color-base);
  --nut-background2: var(--background-color-light);
  
  // 边框颜色覆盖
  --nut-border-color: var(--border-color-base);
  
  // 字号覆盖
  --nut-font-size-small: #{$font-size-small};
  --nut-font-size-base: #{$font-size-base};
  --nut-font-size-large: #{$font-size-large};
  
  // 圆角覆盖
  --nut-border-radius-small: #{$border-radius-small};
  --nut-border-radius-base: #{$border-radius-base};
  --nut-border-radius-large: #{$border-radius-large};
}

// 暗黑模式适配
[data-theme='dark'] {
  // NutUI 暗黑模式变量覆盖
  --nut-black: var(--text-color-primary);
  --nut-white: var(--background-color-base);
  --nut-background: var(--background-color-base);
  --nut-background2: var(--background-color-light);
  --nut-border-color: var(--border-color-base);
}